@charset "utf-8";
/* CSS Document */

/*
	layout by HanoiDesign
	CSS by Henry Hoàng
	www.hanoidesign.com * www.cutebiz.com
*/

/* start */

body { background:url(images/body.jpg) repeat-x 0 0; margin:0; padding:0; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3en; }

a { text-decoration:none; color:#333; }
a:hover { color:#ee6d46 }
img, a img { border:none; }
.clear { clear:both; }
ul, li { margin:0; list-style:none; padding:0; }

/* ============================= */

#Container { width:980px; margin:0; padding:0; position:relative; }

.Support {
	position:fixed;
	top:250px;
	left:0;
}

/* Header */
#Header { background:url(images/bg-header.gif) repeat-x 0 100%; height:112px; margin:0; padding:30px 0 0 0; }
	.logo { float:left; }
	.header_r { float:right; margin:20px 20px 0 0; }
		.bannerTop { float:left; margin-right:15px; }
		.follow { float:right; text-align:right; }
		.Ftitle { text-transform:uppercase; font-size:14px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; }		
			.red { color:#ee6d46; }
		.icon { margin-top:5px; }
			.icon img { margin-left:3px; }

/* Menu */
#NavMenu { height:44px; background:url(images/bg-menu.png) repeat-x 0 0; margin:0; padding:0; }
	#NavMenu ul.menu, #NavMenu li, #NavMenu a { display:inline-block; margin:0; padding:0; font-size:13px; text-align:center; }
	#NavMenu ul.menu { float:left;  }
		#NavMenu ul.submenu{ position: absolute; top: 40px; left: 0; z-index: 999; width: 140px;display: none; border-top: none; padding-top: 5px; }
		#NavMenu ul.menu > li { float:left; background:url(images/line-menu.png) no-repeat 100% 50%; position: relative;  }
		#NavMenu li:hover ul{display: block;}
		#NavMenu ul.submenu li{background: #bbbcbd;text-align: left;border: 1px solid #a1a1a1; border-top: none;width: 120px; padding: 10px; }
		#NavMenu ul.submenu li:first-child{border-top:1px solid #a1a1a1;}
		#NavMenu ul.submenu li a{text-align: left;padding: 0;}
		#NavMenu a { padding:5px 20px; display:block; text-align:center; color:#484848; font-weight:bold; }
		#NavMenu a:hover { color:#111; }
		#NavMenu a.nav_pc { padding:13px 20px; }
		
	.search { padding:9px; }
		#keyword { background:#e1e1e1; padding:3px; border-width:1px; border-style:solid; border-color:#b3b3b3 #b3b3b3 #fff #fff; color:#999; width:200px; }
		#SearchButton { background:#3c3c3c; color:#fff; border:none; border-bottom:1px solid #111; padding:4px 7px; margin-left:10px; cursor:pointer; text-align:center; font-size:11px; font-weight:bold; }
	
/* MiddleContent */	
#MiddleContent { margin:15px 0; padding:0; clear:both; position:relative; }
	.Headline { background:#fff url(images/bg-headline.png) repeat-x 0 0; border-top:1px solid #999; height:20px; padding:8px 10px 2px 10px; }
		.TitleHeadeline { color:#940000; float:left; text-transform:uppercase; font-weight:bold; margin-right:10px; }
		.ConntentHeadline { float:left; color:#313131; }
		
	.Banner { margin:0; padding:0; background:#000;  color:#999; }
	
		.Btitle { margin:10px 0; padding:0 0 8px 0; border-bottom:1px solid #333; }		
		
		.banner_l { width:290px; float:left; margin:0px; padding:15px 15px 10px 15px; text-align:left; }
			.banner_l input.button { background:#525252; padding:3px 5px; width:200px; margin:0 0 5px 0; border-width:1px; border-style:solid; border-color:#333 #666 #666 #333; color:#ccc; }
			.banner_l input.btn_sub { background:#3d3d3d; color:#FF0; cursor:pointer; border:none; font-weight:bold; font-size:11px; text-align:center; padding:4px 5px; margin-left:10px;}
			
			.banner_l ul { margin:0; padding:0; }
			.banner_l li { float:left; margin:0; padding:0; list-style:none; }
			.banner_l li a { color:#fff; }
			.banner_l li a:hover { color:#999; }
			
		.banner_r { width:658px; float:right; background:#000; }
			.prev { float:left; margin: 0; }
			.next { float:right; margin:0; }
				.prev a, .next a { font-size:0; height:58px; width:29px; display:block; }
				.prev a { background:url(images/prev.png) no-repeat 0 0; }
				.next a { background:url(images/next.png) no-repeat 0 0; }
				
				.prev a:hover , .next a:hover { background-position:0 -63px; }
			
			.thumbs { text-align:center; }
				.thumb { float:left; margin:0px; border:4px solid #2b2b2b; }
				.current_thumb { border:4px solid #fff; }
				
				
				.cred{margin-top:20px;font-size:11px;}

            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:340px}

/* BottomContent */	
#BottomContent { margin:0px 0; padding:0; clear:both; position:relative; color:#313131; }

	/* ContentLeft */
	.ContentLeft { width:770px; float:left; margin:0; padding:0; position:relative; }
		.LatestAdditions { background:#fff url(images/bg_LatestAdditions.png) repeat-x 0 100%; }
			.Ctitle { border-bottom:1px solid #c1c1c1; padding:10px; text-align:left; }
			.ListGame li { width:18%; float:left; margin: 0	0 0 1.7%; text-align:center; }
				.DetailGame { background:url(images/btn_detail.png) no-repeat 50% 100% ; padding:5px 15px; text-align:center; color:#333; font-weight:bold; }
				.PriceGame { color:red; font-weight:bold; }
				
		.ContentLeftBottom { margin:15px 0 10px 0; clear:both; position:relative }
			.left { min-height:300px; width:239px; float:left; }
				.promotion { width:238px; background:#000 url(images/promotion.png) no-repeat 0 0; padding:1px 0 1px 0; min-height:252px; color:#767676; }
					.SeeAll { text-align:right; color:#fff; padding:3px 10px; margin:7px 0; }
					.SeeAll a { color:red; font-weight:bold; text-align:right; }
					.titleRed { margin:190px 0 15px 0; text-align:center; font-size:19px; color:red; font-weight:bold; }
					
				.tesmonials { background:#232323 url(images/testimonials.png) no-repeat 0 0; padding:1px 0 1px 0; color:#767676; margin:15px 0 7px 0; }
					.tesmonials ul { margin:8px 0 0 0; border-top:1px solid #2e2e2e; padding:5px 0; text-align:left; }
						.tesmonials ul li { border-bottom:1px solid #2e2e2e; padding:7px; margin:5px; }
				
			.right { width:520px; float:right; position:relative; }	
		
	
	
	/* ContentRight */
	.ContentRight { width:195px; float:right; margin:0; padding:0; position:relative; }
		.chatHeader h3 { background:url(images/h3_title.png) repeat-x 0 50%; text-align:left; color:#490404; padding:5px 10px; font-size:13px; font-weight:bold; margin:0; border-width:1px; border-style:solid; border-color:#c1c1c1; }
		.headings h3 { border-bottom:none; }
		#contactBox { margin:15px 0; }
			.ContactContent { background:#fff; padding:1px 3px; margin:0; border:1px solid #c1c1c1; border-top:none; margin-bottom:10px; }
		
		
		
/* Footer */
#Footer { margin:0 0 10px 0; padding:10px 0; position:relative; text-align:left; }
	.FooterLink { background:#dcddde; border-bottom:1px solid #c6c6c7; padding:10px; }
		.Tab1, .Tab2 { width:260px; margin:0 0 0 30px; float:left; padding:0; }
			.FTabTitle { background:url(images/bg-line.gif) repeat-x 0 100%; padding:7px 0; }
			.linkF li { padding:7px 0; margin:10px }
			.linkF a { color:#900; }
			.linkF a:hover { text-decoration:underline; }
			
		.Tab3 { width:317px; float:left; margin:0 0 0 30px; }

/* Detail */
.ContentRightDetail{ margin: 15px 0 10px 0; }
.DetailContentLeft{ width: 777px; }
.Detailright{ width: 529px }
.exclusive p{width: 133px; text-align: left; font-size: 14px;}

#detail-content{ color: #626262; padding: 10px 11px; text-align: left; }
	#detail-content img{ border: 1px solid #eddedb; }
	#detail-content img:hover{ border-color: #626262; }
	img.align-left { float: left }
	.info_basic { float: right; width: 242px;  }
	.info_basic h3{ color: #490404; font-size: 15px; margin: 0px; }
		.deal_next{ color: #d40e00; display: block; font-size: 12px; font-weight: bold; padding: 11px 0 7px; }
		.info_basic .price{ font-size: 12px; font-weight: bold; }
		.info_basic .price strong { color: #fe0000; font-size: 18px; }
		.ShoppingButton{ background-image: url(images/shopping_button.png); color: #626262; display: block; padding-left: 30px; width: 73px;  }
	.detail_main{ margin-top: 5px; }
		.detail_main p { line-height: 22px; margin: 2px 0 15px; }

/* Detail List */
.navigation{ color: #490404; }
.navigation span{ font-weight: bold; }
.navigation.top { padding: 0 0 15px;}
.navigation.bottom{ padding: 15px 0 0; }

#detail-list { border-spacing:0px; }
.border_list{border-left: 1px solid #EDDEDB; border-right: 1px solid #EDDEDB;}
#detail-list tr:first-child,.title_line{ background: #626262; color: #fafafa; font-weight: bold; }
#detail-list.red_list tr:first-child{ background: #fa5300; }
#detail-list tr:first-child td,.title_line td{border: none;}
#detail-list tr:first-child td:first-child,.title_line td:first-child{ height: 27px; padding-left: 10px; }
#detail-list tr td{ border-bottom: 1px solid #eddedb; vertical-align: middle; }
#detail-list tr td .red{color:#F85400}
#detail-list tr td:first-child{ width: 123px; }
#detail-list img{ margin-left: 5px; }
#detail-list  tr td:last-child{ width: 108px; }
#detail-list  tr td:last-child p{ text-align: center; }
#detail-list  tr td h4{ margin-bottom: 5px; }
#detail-list  tr td p{ margin-top: 0px; }
#detail-list p{ max-width: 245px; text-align: justify; }
#detail-list .price{ color: #ff0000; font-weight: bold; }

#detail-list input[type="text"]{width: 40px; border: 1px solid #bebebe; color: #434343; font-size: 14px; font-weight: bold; padding: 5px;}
#detail-list .btn_refresh,#detail-list .btn_delete{display: inline-block; height: 16px; width: 16px;margin-left: 5px;}
#detail-list .btn_refresh{background: url(images/btn_rf.png) left top no-repeat;}
#detail-list .btn_delete{background: url(images/btn_x.png) left top no-repeat;}
#detail-list.shopping_list{width: 100%; margin-bottom: 20px;}
#detail-list.shopping_list p{ max-width: 235px;padding-right: 10px;}
.brown_line td,.brown_line_single td{color: #434343; padding: 10px 5px; background: #e3e3e3;}
.brown_line_single td{padding: 10px;}
.single_line td{padding: 15px 0 25px;}
.bold_border td{border-color: #d0d0d0!important}
.select_line td{font-weight: bold;}
#detail-list.shopping_list label{width: 92px; color: #434343; font-weight: bold; display: inline-block;}
#detail-list.shopping_list select{width: 215px; border: 1px solid #bebebe; padding: 3px; margin-bottom: 5px;}

.DetailGame.medium_btn{background-image: url(images/btn_detail_medium.png); }
.DetailGame.large_btn{background-image: url(images/btn_detail_large.png); }
.DetailGame.huge_btn{background-image: url(images/btn_detail_huge.png); }
.DetailGame.red_btn{
	background: url(images/red_order_btn.png) left top repeat-x;
	padding: 5px;
	color: #fff; 
	-moz-box-shadow: 0px 1px 1px #999;
	-webkit-box-shadow: 0px 1px 1px #999;
	box-shadow: 0px 1px 1px #999;
}
.DetailGame.red_btn:hover{color: #fff;}

.center_wrap{text-align: right!important;max-width: 317px!important;margin-top: 10px!important;margin-bottom: 0!important;}

.order_list tr td{text-align: center; width: auto!important;}
.order_list tr td:first-child{text-align: left;}
.custom_detail{line-height: 22px;display: inline-block;vertical-align: top;}
.custom_detail strong{color: #490404}
.billing {width: 300px;}
#payment-form input[type="radio"]{line-height: 22px;margin: 5px;vertical-align: middle;}
#payment-form img{vertical-align: middle;margin-left: 5px;border: 0!important;}
.label_ins{margin: 0px 5px;}
.text_ins{width: 505px; height: 89px; border: 1px solid #e5e5e5; margin-bottom: 5px; margin-top: 5px;}

#contain_order{
    width: 420px;
    margin: 0 auto;
}


form .form-row-first, form .form-row-last{
    width: 372px;
    overflow: visible;
}

.checkout{
    margin-top: 10px;
}

form .form-row{
    margin: 0 0 6px;
    padding: 3px 0;
}

form .form-row label{
    display: block;
    color: #434343;
    margin-bottom: 2px;
}

form .form-row input.input-text{
    width: 100%;
    outline: 0;
    line-height: 18px;
    margin: 0;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bebebe;
    color: #434343;
    font-size: 12px;
}

form .form-row .required{
    color: red;
    font-weight: bold;
}


form .form-row select{
    width: 103%;
    border: 1px solid #bebebe;
    padding: 4px;
    margin-bottom: 5px;
}

.radio_method {
    margin-top: 10px;
    margin-left: -16px;
}

a.continue_btn{
    background: url(images/btn_detail_large.png)no-repeat 50% 100%;
    padding: 5px 15px;
    text-align: center;
    color: #333;
    font-weight: bold;
    float: right;
    margin-top: 20px;
}

a.continue_btn:hover{
    color: #ee6d46;
}